<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<title>制造工厂</title>
		{% load static %}
		<link rel="stylesheet" type="text/css" href="{% static 'CSS/index.css' %}" />
	</head>

	<body style="background-color:#F5F5F5;padding:10px;">
		<!--按钮盒子！-->
		<header style="height:100px;">
			<a href="/washapp/process" style="text-decoration:none;">
				<div style="display:flex;justify-content:center;">
					<div style="width:90%;display:flex;justify-content:center;">
						<button type="button"
							style="width:100%;height:100px;color:#8a0000;font-size:26px;margin-bottom:10px;">
							——————————可劲儿造！——————————Make it!——————————
							<br>
							——————————点击制造洗衣机！——————————
						</button>
					</div>
				</div>
			</a>
		</header>
		<main>
			<!--循环在页面打印洗衣机！-->
			<div style="display:flex;flex-wrap:wrap;justify-content:space-between;">
				{% for c in oldcount.values %}
				<div style="width:10%;">
					<div style="display:flex;justify-content:center;">
						<div style="background:url(../static/img/washer.png);width:64px;height:64px;">
							<div
								style="display:flex;justify-content:center;margin-top:33%;color:#8a0000;font-size:20px;">
								{{ forloop.counter }}
							</div>
						</div>
					</div>
					<div style="display:flex;justify-content:center;margin-bottom:5px;">
						<button>设备码:{{ c }}</button>
					</div>
				</div>
				{% empty %}
				<h1>空空如也~~~</h1>
				{%endfor%}
			</div>
		</main>

		<footer>

		</footer>
	</body>
</html>
